$(function () {
    window.example = "";
    //显示数据
    showPage();


    // //修改
    // $("#roleTableBody").on("click",".editBtn",function(){
    //
    //     // 1.获取当前按钮的roleId
    //     window.roleId = $(this).attr("roleId");
    //
    //     // 2.获取当前按钮所在行的roleName
    //     var roleName = $(this).parents("tr").children("td:eq(2)").text();
    //
    //     // 3.修改模态框中文本框的value值，目的是在显示roleName
    //     $("#roleNameInputEdit").val(roleName);
    //
    //     // 4.打开模态框
    //     $("#editModal").modal("show");
    // });
    // //确认修改
    // $("#editModalBtn").click(function () {
    //     // 1.获取文本框值
    //     var roleName = $.trim($("#roleNameInputEdit").val());
    //
    //     if(roleName == null || roleName == "") {
    //         layer.msg("请输入有效角色名称！");
    //
    //         return ;
    //     }
    //     $.ajax({
    //         url:"/role/update/role",
    //         type:"post",
    //         data:{
    //             "id":window.roleId,
    //             "name":roleName
    //         },
    //         dataType:"json",
    //         success:function (response) {
    //             var result = response.result;
    //             if(result == "SUCCESS") {
    //                 layer.msg("操作成功！");
    //                 // 3.操作成功重新分页
    //                 showPage();
    //             }
    //             if(result == "FAILED") {
    //                 layer.msg(response.message);
    //             }
    //
    //             // 4.不管成功还是失败，关闭模态框
    //             $("#editModal").modal("hide");
    //         }
    //     });
    // });
});
function showPage() {
    $.ajax({
        url:"/message/search/by/keyword",
        type:"post",
        dataType:"JSON",
        data:{
            "example":window.example
        },

        success:function (result) {

            if(result.result=="SUCCESS"){
                //解析数据
                $("#messageTableBody").empty();
                // 获取数据集合
                var list = result.data.list;
                // 判断list是否有效
                if(list == null || list.length == 0) {
                    $("#messageTableBody")
                        .append("<tr><td colspan='4' style='text-align:center;'>没有查询到数据！</td></tr>");

                    return ;
                }
                for(var i = 0; i < list.length; i++) {
                    var message = list[i];

                    //数据
                    var numberTd = "<td>"+(i+1)+"</td>";
                    var checkBoxTd = "<td><input class='itemBox' roleid='"+message.id+"' type='checkbox'></td>";
                    var messageContentTd = "<td>"+message.content+"</td>";


                    //按钮

                    var pencilBtn = "<button messageId='"+message.id+"' type='button' class='btn btn-primary btn-xs editBtn'><i class=' glyphicon glyphicon-pencil'></i></button>";

                    var btnTd = "<td>"+pencilBtn+"</td>";

                    var tr = "<tr>"+numberTd+checkBoxTd+messageContentTd+btnTd+"</tr>";

                    // 将前面拼好的HTML代码追加到#roleTableBody中
                    $("#messageTableBody").append(tr);
                }
            }else{
                layer.msg(result.message);
            }
        }
    });

}
